<template>
  <div>
    <div class="back" @click="changefather('defaultcom')">&lt;&lt;基本信息</div>
    <div class="head-nav">
      <el-tabs tab-position="top">
        <el-tab-pane label="菜谱评论">
          <menucomment></menucomment>
        </el-tab-pane>
        <el-tab-pane label="笔记评论">
          <notecomment></notecomment>
        </el-tab-pane>
      </el-tabs>
    </div>
   
  </div>
</template>

<script>
import menucomment from "@/components/perscenter/activity/mycomment/menucomment/MenuComment";
import notecomment from "@/components/perscenter/activity/mycomment/notecomment/NoteComment";

import "@/assets/style/global.css";
import "@/styles/myElPagination.scss";
export default {
  components: {
    menucomment: menucomment,
    notecomment: notecomment
  },
  data() {
    return {};
  },
  methods: {
    changefather(p1) {
      this.$parent.changesoncom(p1);
    }
  }
};
</script>

<style lang="scss" scoped>
.back {
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #e6a23c;
  margin-bottom: 15px;
}
.back:hover {
  color: #e6a23c;
  opacity: 0.8;
}
/deep/.el-tabs__item {
  font-size: 16px;
  color: #000;
}
/deep/.el-tabs__item.is-active {
  color: #e6a23c;
}
/deep/.el-tabs__item:hover {
  color: #e6a23c;
}
/deep/.el-tabs__nav-scroll .el-tabs__active-bar {
  background-color: #e6a23c;
}
/deep/.el-tabs__nav-wrap.is-top::after {
  width: 168px;
}
</style>